
<div class="system"
     ng-scrollbar
     scrollbar-x="false"
     scrollbar-y="true">
    <dl class="" ng-repeat="tit1 in selectList_1 track by $index">
        <dt ng-click="selectTree(tit1,tit1.subMenus ? 'selectList_2' : false.$index,1)">
            <img ng-src="{{tit1.checked?'images/icon-default.png':'images/icon-hover.png'}}">
            <p>{{tit1.name}}</p>
            <i class="fa fa-sort-asc fa-rotate-90" ng-class="tit1.checked ?  'fa-rotate-180' : '' " ng-show="tit1.subMenus.length>0" style="right: 1vh"></i>
        </dt>
        <dd ng-if="tit1.subMenus.length>0">
            <dl ng-repeat="tit2 in selectList_2 track by $index">
                <dt ng-click="selectTree(tit2,tit2.subMenus ? 'selectList_3' : false,$index,2)" ng-class="tit2.checked&&tit2.subMenus.length>0?'change-backgroundColor':''" >
                    <p ng-class="tit1.subMenus[secondIndex]==tit2&&tit2.subMenus.length==null?'change-color':''">{{tit2.name}}</p>
                    <i class="fa fa-sort-asc fa-rotate-90" ng-class="tit2.checked ?  'fa-rotate-180' : '' " ng-show="tit2.subMenus.length>0" style="right: 1vh"></i>
                    <i class="fa fa-sort-asc fa-rotate-90 tit3-img" ng-show="tit1.subMenus[secondIndex]==tit2&&tit2.subMenus.length==null" style="left: 2.0vh;color: #8fc31f"></i>
                </dt>
                <dd ng-if="tit2.subMenus.length>0">
                    <dl ng-repeat="tit3 in selectList_3 track by $index">
                        <dt ng-click="selectTree(tit3,tit3.subMenus ? 'selectList_4' : false,$index,3)" class="tit3-dt">
                            <i class="fa fa-sort-asc fa-rotate-90 tit3-img" ng-show="tit2.subMenus[thirdIndex]==tit3&&tit3.subMenus.length==null" style="left: 2.0vh;color: #8fc31f"></i>
                            <p ng-class="tit2.subMenus[thirdIndex]==tit3&&tit3.subMenus.length==null?'change-color':''" class="tits-name">{{tit3.name}}</p>
                        </dt>
                        <dd></dd>
                    </dl>
                </dd>
            </dl>
        </dd>
    </dl>
</div>
<!--        <li ng-repeat="slide in houseMan track by $index" ng-style="firstIndex==$index?{'height':(houseMan[$index].subMenus.length+1)*3.5+'vh'}:{'height':'3.5vh'}">
            <div class="first-style" ng-class="firstToSecond==$index?'change-menu':''" ui-href="{{!slide.subMenus?slide.url:'#'}}" ng-click="firstSelect($index)" >
                <img ng-src="{{firstIndex==$index?'images/triangle-down.png':'images/triangle-white.png'}}" ng-style="firstIndex==$index?{'width':'1.1vh','height':'0.56vh','margin-top':'1.47vh'}:{'width':'0.56vh','height':'1.1vh','margin-top':'1.2vh'}" ng-show="!slide.subMenus?false:true">
                <img ng-src="{{firstToSecond==$index?'images/icon-default.png':'images/icon-hover.png'}}" class="rect">
                <div class="first-text"  >{{slide.name}}</div>
            </div>
            <ul class="second-level" ng-if="firstIndex==$index" >
                <li class="second-text" ng-repeat="item in slide.subMenus track by $index" ng-style="secondIndex==$index?{'height':(houseMan[firstToSecond].subMenus[$index].subMenus.length+1)*3.5+'vh'}:{'height':'3.5vh'}">
                  <div class="second-style" ng-click="secondSelect(slide.subMenus,$index)">
                      <div class="second-text" ng-style="secondToThird==$index?{'background-color':'rgba(255,255,255,0.05)','opacity':1}:{}" ui-sref="{{item.url}}" >{{item.name}}</div>
                     &lt;!&ndash; <img src="images/triangle-green.png" ng-if="secondIndex==$index&&houseMan[firstToSecond].subMenus==slide.subMenus" class="second-menu-icon">&ndash;&gt;
                      <img ng-src="{{secondIndex==$index&&houseMan[firstToSecond].subMenus==slide.subMenus?'images/triangle-down.png':'images/triangle-white.png'}}" ng-style="secondIndex==$index&&houseMan[firstToSecond].subMenus==slide.subMenus?{'width':'1.1vh','height':'0.56vh','margin-top':'1.47vh'}:{'width':'0.56vh','height':'1.1vh','margin-top':'1.2vh'}" ng-show="item.subMenus?true:false" class="second-menu-icon">
                  </div>
                    <ul class="third-level" ng-if="secondIndex==$index">
                        <li ng-repeat="it in item.subMenus track by $index" ng-click="thirdSelect(item.subMenus,$index)">
                                <div class="third-style">
                                    <div class="third-text" ng-style="thirdIndex==$index&&houseMan[firstToSecond].subMenus[secondToThird].subMenus==it.subMenus?{'background-color':'rgba(255,255,255,0.05)','color':'#8fc31f','opacity':1}:{}" ui-sref="{{item.url}}" >{{it.name}}</div>
                                    <img src="images/triangle-green.png" ng-if="thirdIndex==$index&&houseMan[firstToSecond].subMenus[secondToThird].subMenus==it.subMenus" class="second-menu-icon">
                                </div>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>-->
